<!--
 * @Autor: zjp
 * @Date: 2021-06-19 14:49:09
 * @LastEditors: zjp
 * @LastEditTime: 2021-06-19 15:20:45
 * @FilePath: \Mics3.0_3DViewer_WEB\src\components\common\noData.vue
 * @Description: 
-->
<template>
  <section class="tip-box">
    <i class="iconfont iconwushuju" :style="iStyle"></i>
    <span class="tip" :style="fStyle">{{ tips }}</span>
  </section>
</template>

<script>
/**
 *
 *
 * @module 公共组件
 * @for noData - 没有数据的提示组件
 */
export default {
  name: 'NoData',
  props: ['iFont', 'textFont', 'iColor', 'textColor', 'tips'],
  computed: {
    /**
     *设置字体样式
     * @method iStyle
     */
    iStyle() {
      return {
        'font-size': `${this.px(this.iFont)}px`,
        color: this.iColor
      }
    },
    /**
     *设置字体样式
     * @method fStyle
     */
    fStyle() {
      return {
        'font-size': `${this.px(this.textFont)}px`,
        color: this.textColor
      }
    }
  }
}
</script>

<style lang="less" scoped>
.tip-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  span {
    margin-top: 10px;
  }
}
</style>
